<script>
export default {
  props: {
    // 按钮的权限标识数据 要控制谁就将谁的标识传入
    btnPerm: {
      type: String,
      default: "",
    },
  },
  computed: {
    isShow() {
      // 获取当前用户的权限标识
      // 判断props传入的按钮权限标识this.btnPerm是否能在用户权限列表permissions中找到
      // 如果能找到-正常返回组件   如果找不到-返回空
      const permissions = this.$store.state.user.userProfile.permissions;
      return permissions.includes(this.btnPerm) && this.$slots.default;
    },
  },
  render(h) {
    // 如何在render中获取插槽模板 -- this.$slots.插槽名称
    return this.isShow && this.$slots.default;
  },
};
</script>